<template>
  <div>
     <p>{{mes}}</p>
     <br>
    <br>
    <br>
    <button @click="fn">翻转</button>
   </div>
</template>
 
<script>
export default {
 
  data() {
    return {
      mes:'hello, world'
    };
  },

  methods: {
  fn(){
    this.mes=this.mes.split('').reverse().join('')
  }
  }
};
</script>

<style scoped>
     
</style>